<script type='text/javascript' src='{$base_dir}modules/human_resources/js/AJAX_HumanResources.js'></script>
{literal}
<script type='text/javascript'>
$(document).ready(function() {	
	$('.nav_bg a').click(function() {
		$('#status_message').val('');
		$('.nav_bg a').removeClass('active');
		$(this).addClass('active');
	});
});

</script>
{/literal}
<div class='nav_left' style="width: 100%;">
	<div class='nav_right'>
		<div class='nav_bg' style='text-align: center;'>
			<a class="active" id="employeeList" href="javascript:loadPage('managementContent', '../HumanResources/ListEmployee', '')">{translate}List of employees{/translate}</a>
			<a class="last" id="employeeNew" href="javascript:loadPage('managementContent', '../HumanResources/EditEmployee', '')">{translate}Add new employee{/translate}</a>			
		</div>
	</div>
</div>
<span id='status_message' style='display: none; font-style: italic; color: red;'></span>
<div id='managementContent' style="width: 800px;">
	{$list}
</div>